<template>
  <el-card>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="负责范围" name="1"></el-tab-pane>
      <el-tab-pane label="字段管理" name="0"></el-tab-pane>
    </el-tabs>
    <div class="showView">
      <Jurisdiction v-if="this.activeName == '0'" />
      <Responsible v-else />
    </div>
  </el-card>
</template>

<script>
import Jurisdiction from "./jurisdiction/index.vue";
import Responsible from "./responsible/index.vue";
export default {
  name: "particulars",
  components: {
    Jurisdiction,
    Responsible,
  },
  data() {
    return {
      activeName: "1",
    };
  },
  computed: {},
  activated() {
    this.activeName = "1";
  },
  mounted() {},
  methods: {
    state() {
      this.num = false;
    },
    states() {
      this.num = true;
    },
    handleClick(tab) {
      this.activeName = tab.name;
    },
  },
};
</script>

<style scoped lang="scss">
.bigBox {
  padding: 20px;
  .showView {
    width: 100%;
  }
}
</style>
